@charset "utf-8";
/* -----------------------------------------------------------------------------------
Page Layout Stylesheet

version: 	1.0
project:	tmpo
company:	S&K Aerospace
date:		November 2007

----------------------------------------------------------------------------------- */

body { /*Set body attributes - background color and set margin and padding independent of browser defaults*/
	background-color:#1E1F49;	
	margin:0;
	padding:0;
}



/*  Define horizontal-layout rows 
--------------------------------------------------------------------------------------*/
#primaryNavigation { 
	background: #507B8B url(/tmpo/images/topNavBgRepeat.png) repeat-x scroll top;
	width:100%;
	height: 3.071em; /*elastic height*/
	min-height:37px; 
}


#brandHeader {
	background: #507B8B url(/tmpo/images/headerBg.png) repeat-x scroll bottom;
	position:relative;
	width:100%;
	height: 5.727em; /*elastic height*/
	min-height:69px; /*set smallest to keep header from breaking*/
}

#secondaryNavigation { 
	background: #3D6B77 url(/tmpo/images/secNavBgRepeat.png) repeat-x scroll bottom;
	position:relative;
	width:100%;
	height: 24px; /* fixed layout keeps secondaryNav tabs from visually breaking */
}


#primaryContent { 
	position:relative;
	width:100%;
}


#secondaryContent {
	position:relative;
	width:100%;
	min-height:300px; /* force height for more regular full-page color treatment */
	clear:both;
}

#footContent { /* Not in use - optional centerbox div to follow secondaryContent */
	width:93em;
	display:block;
	margin:0px auto 30px auto;
	height:auto;
	text-align:left;
	padding:30px 5px 30px 5px;
}



/*  Defines special header graphic elements
--------------------------------------------------------------------------------------*/

.asymmetricalMask {
	background-color: #1E1F49;
	width:50%;
	height:37px;
	float:left;
	position:absolute;
	z-index:1;	
}


.blazon{
	float:left;
	position: absolute;
	margin: -60px 0px 0px -85px;
	z-index:1000;
	}
	
	
.footerStatement {  /*unused at present*/
	position:relative;
	display:block;
	padding-top:40px;
	font: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color:#376473;
	text-align: center;
	}

/*  Defines common central column 'centerBox' with variations
--------------------------------------------------------------------------------------*/
.centerBox {
	border: #FF0000 thin;
	width:930px;
	margin:0em auto;
	display:block;
	text-align:left;
	max-width: 930px;
}

.loginBox {
	background: url(/tmpo/images/login_bckg.jpg) no-repeat top;
	width:930px;
	margin:0em auto;
	text-align:left;
	max-width: 100%;
}

.topNavBox{ /* overrides display for Main Navigation Only */
	background: url(/tmpo/images/topNavBg.png) no-repeat top;
	height: 37px;
	position:relative;
	z-index:2;
}

.contentControls{ /* overrides padding of centerBox */
	width:910px;
	padding: 10px;
}

.mainContent{ /* overrides padding of centerBox */
	padding: 5px 0px; /*add 5px to top and bottom*/
}

.supplementalContent{
	height:300px;
	padding:10px 0px;
	text-align:right;
	overflow:visible;
}



/*  Layout for New Request and Alert jump boxes on commitment record page
--------------------------------------------------------------------------------------*/
.requestBox {
	font-weight: bold;
	text-align: left;
	overflow: auto;
	height: 47px;
	width: 225px;
	border:hidden;
	background-color: #FFFFFF;
	padding: 2px 5px 1px;
	
}

.floatingControlsRight {padding-left:150px; height:72px;}

.controlBox {
	float: right;
	position: relative;
	display: inline-block;
	border: 1px #778158 solid;
	padding:0px;
	width:235px;
	margin-left:15px;
	background-color:#FFFFFF;
}
.controlHeader {
	padding: 3px;
	font-weight:bold;
	background-color:#D0D8BE;
	display: block;
	border-bottom: 1px #778158 solid;	
}



/*  Layout for Feedback Layer
--------------------------------------------------------------------------------------*/

div#floatedBox{
	display:block;
	position:fixed;
	top: 100px;
	margin-left: 215px;
	*margin-left: 0px; /*hack for IE7*/
	*right:0px; /*hack for IE7*/
	width: 550px;
	background-color:#FFFFFF;
	border: 2px #3D6B77 outset;
	padding-bottom: 30px;
	z-index:100;
	text-align:left;
	visibility:visible;
}

/*hack for IE6, which doesn't recognize fixed positioning.*/
* html div#floatedBox {
	position:absolute;
	margin-left:0px;
	right:0px;
	top:-300px;
} 

.floatedBoxHeader {
	background-color:#c9dde4;
	color: #294850;
	font-size: 1.5em;
	font-weight: bold;
	display:block;
	padding: 10px 20px;
	border-bottom: 1px #3D6B77 ridge;
}


.floatedBoxContent {
	padding: 0px 20px;
}

.floatedBoxForm {
	margin: 0px 20px;
	width: 505px;
}

/*LEGEND CSS*/
.legendColorBox {display: block; float:left; position:relative; width:10px; height:10px; margin: 1px 3px 20px 0px;border: thin solid #CCCCCC;}
.legendKey {font-size:.8em; color:#000000; display: block; float:left; position:relative;margin-right: 14px;}

/* Layout for Admin pages
---------------------------*/
fieldset.adminTwoCol {width:45%; float:left; padding: 0% 1% 1%; margin:1% 1% 2%;}
fieldset.adminTwoCol legend {font-weight:bold; font-size:1.1em; color:#3d6b77;}
fieldset.adminTwoCol p {padding: 7px 0px; *padding: 0px; clear:both; background-color:transparent;}
fieldset.adminTwoCol p.directive {color:#646464; margin-bottom:10px;}
fieldset.adminTwoCol label {display:block; float:left; font-weight:bold; width: 30%; text-align:right; padding-top:3px;}
fieldset.adminTwoCol span.fieldData {display:block; width: 65%; margin: 0px 5px 5px; *margin: 0px 5px 0px; float:right;}
fieldset.adminTwoCol span.fieldData label {display:inline; float:none; font-weight:bold; margin:0px; padding:0px; }
fieldset.adminTwoCol span.checkboxList, span.checkboxList {display:block; max-height:150px; *max-height:200px; _height:200px; width:190px; overflow:auto; border:1px #999 solid; background:#FFF; margin:0px; padding:2px 5px;}
table.internal span.checkboxList, table.inline span.checkboxList {max-height:45px; *max-height:60px; _height:60px; width:125px;}
fieldset.adminTwoCol span.nestedList {display:block; max-height:150px; *max-height:165px; _height:165px; overflow:auto; border:1px #999 solid; background:#FFF; margin:5px; padding:2px 5px; font-weight:bold;}
fieldset.adminTwoCol span.nestedListInactive {background:#EEE;}

fieldset.adminTwoCol span.nestedList span.subordinateUnits {padding-left:25px; display:block; }
fieldset.adminTwoCol span.nestedList span.unitHighlight {display:block; background-color:#FFFFCC;}
fieldset.adminTwoCol span.nestedListInactive span.unitHighlight {background-color:#EDE9BA;}

fieldset.adminTwoCol a.button, fieldset.adminTwoCol span.button, table.adminSidebarTable a.button, table.adminSidebarTable span.button {float:right; padding:1px 3px; margin:0px 3px 5px; *margin-bottom:1px;}
div.adminSidebar {float:left; width: 210px; margin:0px 0px 0px 20px;}
table.adminSidebarTable {width:210px;}
table.adminSidebarTable p {padding: 7px 0px; margin:0px; clear:both; background-color:transparent;}
table.adminSidebarTable label {clear:both; display:block; float:left; font-weight:bold; width: 25%; text-align:right;}
table.adminSidebarTable span.fieldData {display:block; width: 65%; margin: 0px 10px 15px 5px; float:right;}
table.adminSidebarTable span.checkboxList {display:block; max-height:150px; *max-height:200px; _height:200px; width:120px; overflow:auto; border:1px #999 solid; background:#FFF; margin:0px; padding:2px 5px;}